
<h2>todolist</h2>
<div class="todolist">
    <input class="form_input" type="text" [(ngModel)]="keyword" (keyup)="doAdd($event)">

    <hr/>


    <h3>待办事项</h3>
    
    <ul>
        <li *ngFor="let item of todolist;let key=index;" [hidden]="item.status==1">
            <input type="checkbox" [(ngModel)]="item.status" (change)="checkboxChange()"/>{{item.title}}  ----- <button (click)="deleData(key)">×</button></li>
    </ul>

    <h3>已完成事项</h3>

    <ul>
        <li *ngFor="let item of todolist;let key=index;" [hidden]="item.status==0">
            <input type="checkbox" [(ngModel)]="item.status" (change)="checkboxChange()"/>{{item.title}}  ----- <button (click)="deleData(key)">×</button></li>
    </ul>

</div>

